<!DOCTYPE html>
{% load static %}
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>RGZN - 智慧型空间</title>
    <link href="{% static 'index.css' %}" rel="stylesheet" />
</head>

<body>
    <!-- 页眉 -->
    <header>
        <div class="nav-container">
            <div class="logo">
                <div class="logo-icon"><i class="fas fa-atom"></i></div>
                <div class="logo-text">知犀</div>
            </div>
            <ul class="nav-links">
                <li><a href="#" class="fas fa-home"></i> 首页</a></li>
                <li><a href="#" class="fas fa-file"></i> 分类</a></li>
                <li><a href="#" class="fas fa-tag"></i> 标签</a></li>
                <li><a href="#" class="fas fa-user"></i> 关于</a></li>
                <li><a href="#" class="fas fa-sign-out-alt"></i> 退出登录</a></li>
            </ul>
        </div>
    </header>

    <!-- 主内容区域 -->
    <div class="themes">
        <h1>探索智能思维的边界</h1>
        <p>在技术与想象的交集中，发现数字世界的无限可能性</p>
        <div class="hero-divider"></div>
    </div>

    <!-- 博客文章网络 -->
    <div class="blog-grid">
        <!-- 文章卡片1 -->
        <div class="post-card">
            <div class="post-image">
                <img src="https://images.unsplash.com/photo-16774235351-f3b53cbc8f3?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=200&w=400"
                    alt="人工智能">
            </div>
            <div class="post-content">
                <div class="post-meta">
                    <div class="post-author">王明</div>
                    <div class="post-date">2024年3月15日</div>
                </div>
                <h2><a href="#">如何优化我们的工作与生活</a></h2>
                <p class="post-excerpt">探索人工智能的创造性任务场景，从自动化到创造力的辅助...</p>
                <div class="post-tags">
                    <div class="tag">人工智能</div>
                    <div class="tag">未来工作</div>
                    <div class="tag">科技创新</div>
                </div>
                <a href="#" class="read-more">阅读全文</a>
            </div>
        </div>

        <!-- 文章卡片2 -->
        <div class="post-card">
            <div class="post-image">
                <img src="https://images.unsplash.com/photo-153075355-9b2c72726f87?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=200&w=400"
                    alt="量子计算">
            </div>
            <div class="post-content">
                <div class="post-meta">
                    <div class="post-author">李思远</div>
                    <div class="post-date">2024年3月20日</div>
                </div>
                <h2><a href="#">量子计算的未来：不确定性计算的边界</a></h2>
                <p class="post-excerpt">量子计算机如何突破当前无法解决的问题约束，探索量子计算的基本原理与实际应用...</p>
                <div class="post-tags">
                    <div class="tag">量子计算</div>
                    <div class="tag">未来科技</div>
                    <div class="tag">算法</div>
                </div>
                <a href="#" class="read-more">阅读全文</a>
            </div>
        </div>

        <!-- 文章卡片3 -->
        <div class="post-card">
            <div class="post-image">
                <img src="https://images.unsplash.com/photo-151877060459-6b9b9e757c57?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=200&w=400"
                    alt="物联网">
            </div>
            <div class="post-content">
                    <div class="post-meta">
                    <div class="post-author">陈明辉</div>
                    <div class="post-date">2024年3月25日</div>
                </div>
                <h2><a href="#">物联网的智能城市蓝图：让城市更高效、更安全</a></h2>
                <p class="post-excerpt">从传感器网络到智能管理系统，物联网如何重塑现代城市的基础建设...</p>
                <div class="post-tags">
                    <div class="tag">物联网</div>
                    <div class="tag">智慧城市</div>
                    <div class="tag">技术创新</div>
                </div>
                <a href="#" class="read-more">阅读全文</a>
            </div>
        </div>

        <!-- 文章卡片4 -->
        <div class="post-card">
            <div class="post-image">
                <img src="https://images.unsplash.com/photo-1550751827-4bd374c3f58b?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=200&w=600"
                    alt="机器学习">
            </div>
            <div class="post-content">
                <div class="post-meta">
                    <div class="post-author">张雨辰</div>
                    <div class="post-date">2024年4月2日</div>
                </div>
                <h2><a href="#">机器学习实战指南：从理论到应用的全面解析</a></h2>
                <p class="post-excerpt">了解机器学习核心算法，掌握构建预测模型的关键技巧和应用案例...</p>
                <div class="post-tags">
                    <div class="tag">机器学习</div>
                    <div class="tag">数据科学</div>
                    <div class="tag">算法</div>
                </div>
                <a href="#" class="read-more">阅读全文</a>
            </div>
        </div>

        <!-- 文章卡片5 -->
        <div class="post-card">
            <div class="post-image">
                <img src="https://images.unsplash.com/photo-1547394765-185e1e68f34e?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=200&w=400"
                    alt="人工智能">
            </div>
            <div class="post-content">
                <div class="post-meta">
                    <div class="post-author">刘建国</div>
                    <div class="post-date">2024年4月10日</div>
                </div>
                <h2><a href="#">网络安全新趋势</a></h2>
                <p class="post-excerpt">探讨当前最紧迫的网络安全挑战以及前沿防御技术，保护企业免受复杂攻击...</p>
                <div class="post-tags">
                    <div class="tag">网络安全</div>
                    <div class="tag">信息安全</div>
                    <div class="tag">加密技术</div>
                </div>
                <a href="#" class="read-more">阅读全文</a>
            </div>
        </div>

        <!-- 文章卡片6 -->
        <div class="post-card">
            <div class="post-image">
                <img src="https://images.unsplash.com/photo-1517048676732-d65bc937f952?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=200&w=400"
                    alt="人工智能">
            </div>
            <div class="post-content">
                <div class="post-meta">
                    <div class="post-author">王明</div>
                    <div class="post-date">2024年3月15日</div>
                </div>
                <h2><a href="#">区块链技术应用：超越加密货币的革新</a></h2>
                <p class="post-excerpt">从供应链管理到数字身份验证，探索区块链如何改变传统业务流程...</p>
                <div class="post-tags">
                    <div class="tag">区块链</div>
                    <div class="tag">去中心化</div>
                    <div class="tag">技术革新</div>
                </div>
                <a href="#" class="read-more">阅读全文</a>
            </div>
        </div>
    </div>
    <!-- 页脚 -->
    <footer>
        <div class="footer-content">
            <div class="footer-section">
                <h3>关于RGZN</h3>
                <p>探索未知,分享洞见。RGZN是一个致力于打造一个智能科技与智慧思维的社区平台,帮助读者理解正在改变世界的技术浪潮</p>
            </div>
            <div class="footer-section">
                <h3>快速链接</h3>
                <ul class="footer-links">
                    <li><a href="#"><i class="fas fa-chevron-right"></i> 最新文章</a></li>
                    <li><a href="#"><i class="fas fa-chevron-right"></i> 热门话题</a></li>
                    <li><a href="#"><i class="fas fa-chevron-right"></i> 作者专区</a></li>
                    <li><a href="#"><i class="fas fa-chevron-right"></i> 订阅资讯</a></li>
                </ul>
            </div>
        </div>
            <div class="footer-section">
                <h3>关注我们</h3>
                <ul class="footer-links">
                    <li><a href="#"><i class="fab fa-weixin"></i> 微信</a></li>
                    <li><a href="#"><i class="fab fa-qq"></i> QQ空间</a></li>
                    <li><a href="#"><i class="fas fa-comments"></i> 公众号</a></li>
                    <li><a href="#"><i class="fas fa-hashtag"></i> 小程序</a></li>
                </ul>
            </div>
        </div>
        <div class="footer-bottom">
            <p>2025 RGZN 智慧型空间 | 著作权保护 感谢原创思维</p>
        </div>
    </footer>
</body>

</html>
